<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/order/orderThird.css" rel="stylesheet" type="text/css" />
<title>填写订单</title>
</head>
<body>
    <jsp:include page="../public/header.jsp"></jsp:include>
        <!--
                作者：offline
                时间：2017-10-17
                描述：一下中间部分
            -->
        <div class="zhongjian">
            <div class="clear zhongjian_a">
                <ul>
                    <li><span> 1 </span>
                        <p>预订车辆</p>
                        <br /> <font> 提前为您预留 </font></li>
                    <li><span> 2 </span>
                        <p>签订合同</p>
                        <br /> <font> 双方共同验车 </font></li>
                    <li><span> 3 </span>
                        <p>开心旅途</p>
                        <br /> <font> 一路为您保驾护航 </font></li>
                    <li><span> 4 </span>
                        <p>退还车辆</p>
                        <br /> <font> 完成租车使用 </font></li>
                </ul>
            </div>
            <div class="weizhi">
                当前位置&nbsp;:&nbsp; <a href="">首页</a> > <a href="order">接机送机</a> > <span>${c.name }</span>
            </div>
            <div class="xianxi">
                <div class="xianxi-a">
                    <div class="xianxi-a-a"><img src="${c.img1 }" style="width:480px;height:370px" ></div>
                    <div class="xianxi-a-b" >
                        <div class="xianxi-a-b-a" style="width:240px;margin-left:80px">${c.name }</div>
                        <div class="xianxi-a-b-b" style="margin-left:80px">
                            <ul>
                                <li><span>车系</span> ${c.series }</li>
                                <li><span>年代款</span> ${c.time }</li>
                                <li><span>配置款</span> 典雅型</li>
                                <li><span>座位数</span> ${c.seat }</li>
                                <li><span>燃料类型</span> ${c.fuel_type }</li>
                                <li><span>变速箱类型</span> ${c.gearbox }</li>
                                <li><span>排量</span> ${c.displacement }</li>
                                <li><span>燃油标号</span> ${c.fuel_label }</li>
                                <li><span>天窗</span>${c.state }</li>
                                <li><span>油箱容量</span> ${c.fuel_tank }</li>
                                <li><span>音响</span> 8</li>
                                <li><span>座椅</span> 皮革座椅</li>
                                <li><span>倒车雷达</span> 有</li>
                                <li><span>气囊</span>有</li>
                                <li><span>GPS导航</span> 有</li>
                            </ul>
                        </div>
                        <div>
                            <a class="order_car" href="orderFourth">立即预定</a>
                        </div>

                    </div>
                </div>
                <div class="xianxi-b">
                    <div class="xianxi-b-a">
                        车型简介&nbsp;&nbsp;
                    </div>
                    <div class="xianxi-b-b">
                    <span style="color:#252527">${c.condition }</span>
                    </div>
                </div>
            </div>
            <div class="xianxi_a">
                <div class="xianxi_a-a">
                    精彩活动 <a href="">更多>></a>
                </div>
                <ul>
                    <li><a href="">
                            <div>
                                <img
                                    src="img/public/order-3.jpg" />
                            </div> <span> 春节租车开放预订 先下手为强！ </span>
                    </a></li>
                    <li><a href="">
                            <div>
                                <img
                                    src="img/public/order3-1.jpg" />
                            </div> <span> 新用户专享，150元见面礼 </span>
                    </a></li>
                    <li><a href="">
                            <div>
                                <img
                                    src="img/public/order3-2.jpg "/>
                            </div> <span> 不惧严寒 多地租车提供雪地胎 </span>
                    </a></li>
                    <li><a href="">
                            <div>
                                <img
                                    src="img/public/order3-3.jpg" />
                            </div> <span> 西宁租3送1 速来免费用车！ </span>
                    </a></li>
                    <li><a href="">
                            <div>
                                <img6
                                    src="img/public/order3-4.jpg" />
                            </div> <span> “泉”心“泉”意享暖冬 </span>
                    </a></li>
                </ul>
            </div>
            <div class="xianxi_b">
                <div class="xianxi_b-a">
                    <p>推荐服务</p>
                </div>
                <div class="xianxi_b-b"></div>
                <div class="xianxi_b-c">
                    <ul>
                        
                        <c:forEach items="${c2 }" var="lc" begin="0" end="2" >
                        <li>
                        <a href="orderThird?car_id=${lc.id }&sp=x">
                                <div>
                                    <img
                                        src="${lc.getImg1()}" />
                                </div> 
                                <span class="divspan"> ${lc.getName() }<br />
                                    <p class="divspan">${lc.price }</p>
                            </span>
                              </a>
                        </li>
                         </c:forEach>
                      
                      
                    </ul>
                </div>
            </div>
        </div>
</body>
</html>